var $topSearch = $('#top-search');
var $leftList = $('#left-list');
var topSearchH = $topSearch.outerHeight();
var $searchInput = $('#search-input');

$leftList.css('top', topSearchH);

$leftList.on('click', 'li', function() {
    $leftList.find('.active').removeClass('active');
    $(this).addClass('active');
});


var eleStyle = document.createElement('style');
$('head').append($(eleStyle));
$searchInput.on('input', function() {
    var value = $.trim($(this).val());
    var cssS = '[data-search]:not([data-search*="' + value + '"]) { display:none }';
    eleStyle.innerHTML = value ? cssS : '';
});

$('iframe').eq(0).on('load', function() {
    $(this).css('backgroundColor', '#fff');
})